<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Vidriera Resistencia</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/bootstrap.css">
       <link rel="stylesheet" href="css/style.css">
       
       <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    </head>
    
    <body>
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Vidriera Resistencia</a>
        </div>
    
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
   <ul class="nav navbar-nav navbar-right">
            <li><a href="#">Institucional</a></li>
            <li><a href="#">Agenda</a></li>
            <li><a href="#">Resistencia CREA</a></li>
            <li><a href="#">Resistencia PRODUCE</a></li>
           <li><a href="#">Contacto</a></li>
       </ul>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container-fluid -->
    </nav>
       
<div class="space-2"></div>
<div class="container">
<div class="row">
<div class="col-md-6 col-xs-6">
<div class="logo"><img src="img/logotipo.png" alt="" /></div>
</div>
<div class="col-md-6 col-xs-6">
<div class="social">
<img src="img/facebook.png" alt="" />
<img src="img/twitter.png" alt="" />
</div>
</div>
</div>
</div>
<div class="space"></div>

<div class="container">

<div class="hcat">

<span class="catalogo">Titulo Rubro Catalogo</span>

</div>
</div><div class="sombra"><img src="img/sombra.png" alt="" /></div>

<div class="container"><ol class="breadcrumb">
  <li><a href="#">Home</a></li>
  <li><a href="#">Catalogo</a></li>
    <li><a href="#">Artista 1</a></li>
  
</ol>

<div class="row">
<div class="col-md-3"><div class="btn-group-vertical">
      <button type="button" class="btn btn-default">Rubro 1</button>
      <button type="button" class="btn btn-default">Rubro 2</button>
      <div class="btn-group">
        <button id="btnGroupVerticalDrop1" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
          Grupro de Rubros 1
          <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop1">
          <li><a href="#">Rubro 3</a></li>
          <li><a href="#">Rubro 4</a></li>
        </ul>
      </div>
      <button type="button" class="btn btn-default">Rubro 5</button>
      <button type="button" class="btn btn-default">Rubro 6</button>
      <div class="btn-group">
        <button id="btnGroupVerticalDrop2" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
          Grupro de Rubros 2
          <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop2">
          <li><a href="#">Rubro 7</a></li>
          <li><a href="#">Rubro 8</a></li>
        </ul>
      </div>
      <div class="btn-group">
        <button id="btnGroupVerticalDrop3" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
  Grupro de Rubros 3          <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop3">
          <li><a href="#">Rubro 9</a></li>
          <li><a href="#">Rubro 10</a></li>
          
        </ul>
      </div>
      <div class="btn-group">
            <button id="btnGroupVerticalDrop3" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
      Grupro de Rubros 4        <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop3">
              <li><a href="#">Rubro 11</a></li>
              <li><a href="#">Rubro 12</a></li>
              <li><a href="#">Rubro 13</a></li>
              <li><a href="#">Rubro 14</a></li>
            </ul>
          </div>
    </div>

</div>
<div class="col-md-9"><div class="bg3">
<div class="row art">
<div class="col-md-4"><img src="img/artista.jpg" alt="" /></div>
<div class="col-md-8"><span class="nombre">Juan Antonio Perez</span><h3>Bio</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum enim nibh eget ipsum. Donec porttitor ligula eu dolor. Maecenas vitae nulla consequat libero cursus venenatis.<br>Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer.<br><br><span class="nombre">Datos de Contacto</span>
<address>
  <strong>Dirección</strong><br>
  Avenida Principal 123<br>
  Resistencia, Chaco<br>
  <abbr title="Phone"><strong>Tel:</strong></abbr> 3722-6640952
</address>
 
<address>
  <strong>Mail</strong><br>
  <a href="mailto:#">nombre.apellido@ejemplo.com</a>
</address>
</div>
</div>



<div class="row cat"><h2><strong>★</strong> Obras Destacadas</h2>
<div class="col-md-4"><img src="img/producto.jpg" alt="" /><span class="nombre">Nombre Obra</span>Breve descripción de la obra.<button type="button" class="btn btn-success">Ver Info</button>
</div>
<div class="col-md-4"><img src="img/producto.jpg" alt="" /><span class="nombre">Nombre Obra</span>Breve descripción de la obra.<button type="button" class="btn btn-success">Ver Info</button></div><div class="col-md-4"><img src="img/producto.jpg" alt="" /><span class="nombre">Nombre Obra</span>Breve descripción de la obra.<button type="button" class="btn btn-success">Ver Info</button></div>

</div>

<div class="row cat">
<div class="col-md-4"><img src="img/producto.jpg" alt="" /><span class="nombre">Nombre Obra</span>Breve descripción de la obra.<button type="button" class="btn btn-success">Ver Info</button></div>
<div class="col-md-4"><img src="img/producto.jpg" alt="" /><span class="nombre">Nombre Obra</span>Breve descripción de la obra.<button type="button" class="btn btn-success">Ver Info</button></div>
<div class="col-md-4"><img src="img/producto.jpg" alt="" /><span class="nombre">Nombre Obra</span>Breve descripción de la obra.<button type="button" class="btn btn-success">Ver Info</button></div>

</div>
</div></div>

</div>

</div>

<div class="res">
<div class="container">
<div class="row">
<div class="col-md-3"><img src="img/logo-mr.png" alt="" />
</div><div class="col-md-3"><h4>Contacto</h4>Municipalidad de Resistencia<br>
Av. Italia Nº 150<br>
Telefono de Informes: (362) 4458201<br>catálogo@gmail.com
</div>
<div class="col-md-3"><div class="rubros"><a href="#">Rubro 1</a>
<a href="#">Rubro 2</a><a href="#">Rubro 3</a><a href="#">Rubro 4</a><a href="#">Rubro 5</a><a href="#">Rubro 6</a><a href="#">Rubro 7</a></div>

</div>

<div class="col-md-3"><div class="facebook"><img src="img/facebook.jpg" alt="" /></div></div>

</div>
</div>
</div>



        

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.0.min.js"><\/script>')</script>

        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>
        <script src="js/carousel.js"></script>
        <script src="js/collapse.js"></script>
        <script src="js/dropdown.js"></script>
        <script src="js/modal.js"></script>
        <script src="js/vendor/bootstrap.js"></script>
       <script>$('.dropdown-toggle').dropdown()</script>

        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
        <script>
            (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
            function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
            e=o.createElement(i);r=o.getElementsByTagName(i)[0];
            e.src='//www.google-analytics.com/analytics.js';
            r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
            ga('create','UA-XXXXX-X');ga('send','pageview');
        </script>
    </body>
</html>
